<div class="section" *ngIf="isShowTag" [ngStyle]="tagData.data.cssStyle | styleFilter">
  <div class="title">
    <div class="title-left">
      <img alt="" class="title-icon" src="{{tagData.data.icon}}"
        onerror="this.src='assets/fw/IM_icon_invitation@3x.png'" />
      <span class="title-span">{{ tagData.data.title }}</span>

    </div>
    <div class="all">
      <div class="new-msg-circle" *ngIf="isHasNewMsg===true">
      </div>
      <div class="right-label" appDebounceClick (debounceClick)="goPage(tagData.data.link)">{{rightLabel}}
      </div>
    </div>
  </div>
  <hr class="head-line" />
  <ng-container *ngIf="chatService.myFriendData&&chatService.myFriendData.listData">
    <ng-container *ngFor="let item of chatService.myFriendData.listData;let index = index;">
      <ng-container *ngIf="index===0||index===1">
        <div class="container clearfix" appDebounceClick (debounceClick)="openModal(item)">
          <div class="img headUrl">
            <img alt="" class="img-i" src="{{ item.friendAvatar }}" onerror="this.src='assets/img/head.png'">
            <ng-container *ngIf="item.hasNoRead">
              <div class="topBadge3"></div>
            </ng-container>
          </div>
          <div class="content">
            <div class="clearfix">
              <p class="nickname">{{item.friendName}}</p>
              <!-- <span class="datetime">{{item.date | imDateFilter:'hh:mm':'fengwo'}}</span> -->
            </div>
            <!-- <p class="msg">{{item.message | escapeFilter:'chat-invite' }}</p> -->
            <img class="arrowImg" src="assets/fw/zzzs_icon_arrow_right@3x.png" alt="">
          </div>
        </div>
      </ng-container>
    </ng-container>
  </ng-container>

  <!--tagData.data.data-->



</div>